title: how to limit the number of results for autocomplete input / ant.design
body: <p>this is the code..</p>
  <p>so when ever the system found any match results , it returns all of them , the which is annoying cuz I have 1000 of results in my data</p>
  <p>so
  instead of showing all  the matches result to the user , I need to show just the first 5</p>
  <pre><code>import { AutoComplete } from 'antd';
  const options = [
    {
      value: 'Test 1',
    },
    {
      value: 'Test 2',
    },
    {
      value: 'Test 3',
    },
    {
      value: 'Test 4',
    },
    {
      value: 'Test 5',
    },
    {
      value: 'Test 6',
    },
    {
      value: 'Test 7',
    },
    {
      value: 'Test 8',
    },
    {
      value: 'Test 9',
    },
    {
      value: 'Test 10',
    }
  ];
  
  const Complete = () =&gt; (
    &lt;AutoComplete
      style={{
        width: 200,
      }}
      options={options}
      placeholder=&quot;try to type `b`&quot;
      filterOption={(inputValue, option) =&gt;
        option.value.toUpperCase().indexOf(inputValue.toUpperCase()) !== -1
      }
    /&gt;
  );
  
  ReactDOM.render(&lt;Complete /&gt;, mountNode);
  </code></pre>
  <p>I took it from here , and the don't have any thing to prevent that to happen in their api
  <a href="https://ant.design/components/auto-complete/#components-auto-complete-demo-non-case-sensitive" rel="nofollow noreferrer">https://ant.design/components/auto-complete/#components-auto-complete-demo-non-case-sensitive</a></p>