title: KnockoutJS binding to Key/Value pair
body: <p>I am trying to bind to key/value pair data with KnockoutJS:</p>
  
  <pre><code>this.personal = {
    "name" : "Chuck",
    "country" : "USA"
  };
  </code></pre>
  
  <p>In my HTML i use the $data binding:</p>
  
  <pre><code>&lt;ul data-bind="foreach: personal"&gt;
  
    &lt;li data-bind="text: $data"&gt;&lt;/li&gt;
  
  &lt;/ul&gt;
  </code></pre>
  
  <p>which results in:</p>
  
  <pre><code>[object Object]
  
  [object Object]
  </code></pre>
  
  <p>Does anybody know how my binding should look like if I want to see this:</p>
  
  <pre><code>name: Chuck
  
  country: USA
  </code></pre>
  
  <p>in other words...how I can show the property name and the property value?</p>
  
  <p>EDIT: Someone pointed me at: <a href="https://github.com/jamesfoster/knockout.observableDictionary" rel="nofollow">https://github.com/jamesfoster/knockout.observableDictionary</a> But I still hope to bind without an extra library</p>