title: KnockoutJS foreach loop to limit to first array
body: <p>I am using KnockoutJS to render a JSON. Certain results have more than 1 "Applications". Is it possible to make it in the foreach so that it only returns 1 only always? Whichever one comes first.</p>
  
  <p>In example below, TEST1 has 2 results under Applications. I would just like to show one in the rendering.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;table&gt;
  &lt;thead&gt;
  &lt;tr&gt;
  &lt;th&gt;AppId&lt;/th&gt;
  &lt;th&gt;Name&lt;/th&gt;
  &lt;th&gt;App Token&lt;/th&gt;
  
  &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody data-bind="foreach: { data: APPS, as: 'APP' }"&gt;
    &lt;tr data-bind="foreach:  Applications"&gt;
      &lt;td&gt;&lt;span data-bind="text: appId"&gt;&lt;/span&gt;&lt;/td&gt;
      &lt;td&gt;&lt;span data-bind="text: $parent.name"&gt;&lt;/span&gt;&lt;/td&gt;
      &lt;td&gt;&lt;span data-bind="text: AppToken"&gt;&lt;/span&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>JSON</strong></p>
  
  <pre><code>{
     "APPS":{
        "bad":{
           "Name":"TEST1",
           "Applications":[
              {
                 "AppId":"bab",
                 "AppToken":null
              },
              {
                 "AppId":"bab",
                 "AppToken":null
              }
           ]
        },
        "good":{
           "Name":"TEST2",
           "Applications":[
              {
                 "AppId":"bab",
                 "AppToken":null
              }
           ]
        }
     }
  }
  </code></pre>