title: Returning the first model after a find
body: <p>Given:</p>
  
  <pre><code>App.Chart = DS.Model.extend({
    pastCharts: function() {
      var id = this.get('id');
      return this.store.filter('chart', function(q){
        return q.id &lt; id;
      });
    }.property()
  });
  </code></pre>
  
  <p>Instead of returning an array I'd like to return just the first item. I tried</p>
  
  <pre><code>return this.store.filter('charts', function(){}).get('firstObject');
  </code></pre>
  
  <p>and</p>
  
  <pre><code>return this.store.filter('charts', function(){}).then(function(s){
      return s.get('firstObject')
  });
  </code></pre>
  
  <p>Which doesn't get rendered out correctly in my template, so I appear to be confused about something.</p>
  
  <p>Basically I want this to work:</p>
  
  <pre><code>{{chart.pastChart.id}}
  </code></pre>