Tenho o seguinte modelo de visualização que contém uma matriz de elementos

   function ReservationsViewModel() {
        var self = this;


        self.availableMeals = [
            { mealName: "Standard (sandwich)", price: 0, id = 1 },
            { mealName: "Premium (lobster)", price: 34.95, id = 2 },
            { mealName: "Ultimate (whole zebra)", price: 290, id = 3 }
        ];  
  }

Quero vincular esse modelo de exibição a uma entrada, mas quero vincular apenas o nome da refeição do elemento Single array que tenha o valor de id como o atributo de id de dados da entrad

<input type="text" id="firstElementMealName" data-id="1" data-bind="value: ??"></input>

Neste exemplo, eu vincularia o elemento da matriz com id = 1, e o texto apareceria como "Padrão (Sandwich)", mas ainda preciso da vinculação completa e do rastreamento de alterações (observáveis) e de todas as outras coisas boas do Knockout.

Como pegar o ID de dados e usá-lo no código de ligação para vincular a refeição apropriada à entrad

Desde já, obrigad