JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.js"></script>
<h3>Products</h3>

<ul data-bind="foreach: products">
    <li>
        <select data-bind='options:products, optionsText:"name", optionsCaption: "Select..."></select> 
        &mdash;
        Last updated: <em data-bind="text: $parent.lastUpdated"></em>
    </li>
</ul>

JavaScript

function appViewModel() {
    this.products = ko.observableArray([
        { name: "XBox", manufacturer: { company: "Microsoft" } },
        { name: "PlayStation", manufacturer: { company: "Sony" }  },
        { name: "Banana", manufacturer: null },
        { name: "Wii", manufacturer: { company: "Nintendo" }  }
    ]);
    
    this.lastUpdated = "Yesterday";
};

ko.applyBindings(new appViewModel());