title: Binding nested array using Knockout foreach
body: <p>I need assistance in binding nested array using knockout foreach.</p>
  
  <p>Below is the code, would like to know how can I get the elements which is inside PatAppointments array.</p>
  
  <pre><code> &lt;script language="javascript" type="text/javascript"&gt;
   ko.applyBindings({
      "appointment": [{
          "Date": "01\/10\/2012",
          "PatAppointments": [{
              "EndTime": "11:15:00",
              "EventId": null,
              "Facility": "General Physician",
              "PatientID": 23,
              "PatientName": "Vicki"
          }],
          "PatAppointments": [{
              "EndTime": "11:15:00",
              "EventId": null,
              "Facility": "General Physician",
              "PatientID": 23,
              "PatientName": "Scott"
          }]
      }]
  });
  
  &lt;/script&gt;
  
  &lt;table&gt;
  &lt;tbody data-bind="foreach: appointment"&gt;
  &lt;tr&gt;
      &lt;td data-bind="text: Date"&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;
           @*
          &lt;tbody data-bind="foreach: appointment.PatAppointments"&gt;
          &lt;tr&gt;
              &lt;td data-bind="text: PatAppointments.PatientName"&gt;
              &lt;/td&gt;
              &lt;td data-bind="text: PatAppointments.Facility"&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;/tbody&gt;
          *@
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>