title: knockout foreach 2 columns
body: <p>I have been having some difficulty trying to format my data into 2 columns.</p>
  
  <p>data</p>
  
  <pre><code>self.safeFloatDenominations = [
          { denomination: "£50", value: 350 },
          { denomination: "£20", value: 780 },
          { denomination: "£10", value: 370 },
          { denomination: "£5", value: 280 },
          { denomination: "£2", value: 398 },
          { denomination: "£1", value: 491 },
          { denomination: "50p", value: 57.5 },
          { denomination: "20p", value: 62.8 },
          { denomination: "10p", value: 576.20 },
          { denomination: "5p", value: 85.05 },
          { denomination: "2p", value: 100.04 },
          { denomination: "1p", value: 35.12 },
      ];
  </code></pre>
  
  <p>code</p>
  
  <pre><code>&lt;div data-bind="foreach: safeFloatDenominations"&gt;
  &lt;input type="text" data-bind="value: value" /&gt;
  &lt;label data-bind="text: denomination"&gt;&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>what I would like to get:</p>
  
  <pre><code>&lt;div &gt;
  &lt;input type="text" value="£50" /&gt;
  &lt;label&gt;£50&lt;/label&gt;
  
  &lt;input type="text" value="50p" /&gt;
  &lt;label&gt;50p&lt;/label&gt;
  &lt;/div&gt;
  &lt;div &gt;
  &lt;input type="text" value="£20" /&gt;
  &lt;label&gt;£50&lt;/label&gt;
  
  &lt;input type="text" value="20p" /&gt;
  &lt;label&gt;50p&lt;/label&gt;
  &lt;/div&gt;
  &lt;div &gt;
  &lt;input type="text" value="£10" /&gt;
  &lt;label&gt;£50&lt;/label&gt;
  
  &lt;input type="text" value="10p" /&gt;
  &lt;label&gt;50p&lt;/label&gt;
  &lt;/div&gt;
  .......
  </code></pre>
  
  <p>does anyone know how I can split the foreach, so the data comes as desired?</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>Just to clarify, does anyone know how I can split the list so the first half of the list data appears in column 1, and the second half of the list appears in column 2?</p>