title: How to limit select list - to select only one item in KnockoutJS
body: <p>How to limit select list to select only one item? 
  Can it be done through css?</p>
  
  <pre><code>&lt;select multiple data-bind="options: Items,             
                     optionsText: 'Title',
                     value: selectedItems, optionsValue: 'Id',
                     attr: { name: 'item' }"&gt;&lt;/select&gt;
  
  
  &lt;div data-bind="text: selectedItems"&gt;&lt;/div&gt;
  
  
  
  function ViewModel() {
      var self = this;  
      var    selection = [];
      self.selectedItems = ko.observableArray();
      self.Items = ko.observableArray([{"Id": "0",  "Title": "Item1"}, 
      { "Id": "1", "Title": "Item2"}, { "Id": "2", "Title": "Item3"}]);    
  }
  
  ko.applyBindings(new ViewModel());
  </code></pre>
  
  <p><a href="http://jsfiddle.net/s95wezu2/1/" rel="nofollow noreferrer">http://jsfiddle.net/s95wezu2/1/</a></p>